/* Responsive CSS Styles Table of Contents */
/*@media only screen and (min-width: 1501px) and (max-width: 1800px){

}*/
/*@media only screen and (min-width: 1470px) and (max-width: 1500px){*/
		/*.top{*/
            /*width: 100%;*/
            /*min-width: 1004px;*/

        /*}*/
        /*.top .menu{*/
            /*line-height: 76px; height: 76px;*/
            /*font-size: 14px; color: #666666;*/
        /*}*/

        /*.top2{*/
            /*width: 100%; height: 0; background-color: #f8f8f8;*/
            /*position: fixed; top: 76px; left: 0;*/
            /*border-top: 1px solid #eef2f4;*/
            /*border-bottom: 1px solid #eff3f5;*/
            /*z-index: 999; overflow: hidden;*/
            /*-webkit-transition: height 0.8s ease;*/
        /*}*/
        /*#Home{*/
            /*width: 100%; overflow: hidden;*/
            /*position: absolute; top: 76px; left: 0;*/
        /*}*/
        /*#Home .swiper-container{*/
            /*width: 100%;*/
        /*}*/
        /*#Home .swiper-container img{*/
            /*width: 100%;*/
        /*}*/

/*}*/

@media only screen and (min-width: 1470px) and (max-width: 1679px){
	/*.top .menu .menu-btn a.act{*/
		/*!*display: block; margin-bottom: 40px;*!*/
		/*color: #0080cc; height: 65px; !*box-sizing: border-box;*!*/
		/*border-bottom: 3px solid #033492;*。about/
	/*}*/
	#Home .new_materials_new_life2{
		width: 620px;
	}
	.top .logo{
		position: absolute; top: 22px; left: 107px;
		width: 123px;
	}
	.title_p{
		/*width: 100%;*/
		margin-left: 80px;z-index: 199;
		margin-top: 50px;
	}
	.contentLogo{
		top: 95px; left: 55px; width:15%;
	}
	.top .menu{
		/*position: absolute; top: 5px; left: 220px;*/
		width: 1004px;
		margin: 5px auto;
		padding-left: 185px;
	}
	.top .menu .menu-btn{
		float: left; width: 120px; height: 76px;
		text-align: center;
	}
	.top2 .menu{
		width: 1004px; padding-left: 90px;
		margin: 0 auto;
	}
	.top2 .menu .menu-btns{
		float: left; width: 120px;
		text-align: center;
	}
}
@media only screen and (min-width: 1399px) and (max-width: 1469px){
	/*.top .menu .menu-btn a.act{*/
		/*margin-top: -5px;*/
		/*!*display: block; margin-bottom: 40px;*!*/
		/*color: #0080cc; height: 65px; !*box-sizing: border-box;*!*/
		/*border-bottom: 3px solid #033492;*/
	/*}*/
	.top .logo{
		position: absolute; top: 22px; left: 107px;
		width: 123px;
	}
	.title_p{
		/*width: 100%;*/
		margin-left: 0px;z-index: 199;
		margin-top: 50px;
	}
	.contentLogo{
		top: 95px; left: 55px; width:15%;
	}
	.top .menu{
		/*position: absolute; top: 5px; left: 220px;*/
		width: 980px;
		margin: 5px auto;
		padding-left: 155px;
	}
	.top .menu .menu-btn{
		float: left; width: 120px; height: 76px;
		text-align: center;
	}
	.icons{
		width: 980px; padding-left: 55px;
	}
	.top2 .menu{
		width: 980px; padding-left: 75px;height: 95px;
		margin: 0 auto;
		/*margin-left: 445px; margin-top: 80px;*/
	}
	.top2 .menu .menu-btns{
		float: left; width: 120px;
		text-align: center;
	}
	.top2 .menu .menu-btns4{
		width: 125px;
	}
	#Home .new_materials_new_life2{
		width: 550px;
	}
}
@media only screen and (min-width: 1301px) and (max-width: 1400px){
	/*.top .menu .menu-btn a.act{*/
		/*!*display: block; margin-bottom: 40px;*!*/
		/*margin-top: -5px;*/
		/*color: #0080cc; height: 65px; !*box-sizing: border-box;*!*/
		/*border-bottom: 3px solid #033492;*/
	/*}*/
	.top .logo{
		position: absolute; top: 25px; left: 57px;
		width: 123px;
	}
	.title_p{
		/*width: 100%;*/
		margin-left: 0px;z-index: 199;
		margin-top: 50px;
	}
	.top .menu{
		/*position: absolute; top: 5px; left: 220px;*/
		width: 980px;
		margin: 5px auto;
		padding-left: 180px;
	}
	.top .menu .menu-btn{
		float: left; width: 120px; height: 76px;
		text-align: center;
	}
	.contentLogo{
		top: 95px; left: 55px; width:15%;
	}
	.icons{
		width: 980px; padding-left: 55px;
	}
	.top2 .menu{
		width: 980px; padding-left: 86px;height: 95px;
		margin: 0 auto;
		/*margin-left: 445px; margin-top: 80px;*/
	}

	.top2 .menu .menu-btns{
		float: left; width: 120px;
		text-align: center;
	}
	.top2 .menu .menu-btns4{
		width: 125px;
	}
	#Home .new_materials_new_life2{
		width: 550px;
	}
}

/* @media only screen and (min-width: 1400) and (max-width: 1419px){
	
	#Home .new_materials_new_life2{
		width: 500px;
	}
	#Home .new_materials_new_life2 h2{
    font-size: 75px; 
}
} */

@media only screen and (min-width: 360px) and (max-width: 1300px){
	/*.top .menu .menu-btn a.act{*/
		/*margin-top: -5px;*/
		/*!*display: block; margin-bottom: 40px;*!*/
		/*color: #0080cc; height: 65px;*/
		/*box-sizing: border-box;*/
		/*border-bottom: 3px solid #033492;*/
	/*}*/
	/*.about{*/
		/*display: none;*/
	/*}*/
	.consultImg{
		display: none;
	}
	#Home .new_materials_new_life2{
		width: 400px;
	}
	#Home .new_materials_new_life2 h2{
    font-size: 55px; 
	}
	#Home .new_materials_new_life2 p{
		font-size: 12px;
	}
	.en .msp-cn-15-31 h2{
		width: 300px; height: 94px;
		background-size: 100%;
	 }
	.title_p{
		/*width: 100%;*/
		margin-left: 0px;z-index: 199;
		margin-top: 50px;
	}
	.top{
		width: 100%;
		min-width: 1004px;
	}
	.top .logo{
		position: absolute; top: 25px; left: 27px;
		width: 123px;
	}
	.contentLogo{
		transform: scale(0.8);
		top: 95px; left: 20px; width:15%;
	}
	/*.top .language{
		width: 66px; height: 20px; overflow: hidden;
		position: absolute; top: 35px; right: 24px;
	}*/
	.top .menu{
		/*position: absolute; top: 5px; left: 220px;*/
		width: 750px;
		margin: 5px auto;
		padding-left: 105px;
	}
	.top .menu .menu-btn{
		float: left; width: 91px; height: 76px;
		text-align: center;
	}
	.top .menu .menu-btn a.act{
		padding: 0 0px 0px;
	}

	.icons{
		width: 650px; padding-left: 105px;
	}

	.top2 .menu{
		width: 650px;
		padding-left: 0;height: 95px;
		margin: 0 auto;
		/*margin-left: 445px; margin-top: 80px;*/
	}
	.top2 .menu .menu-btns{
		float: left;
		width: 90px;
		text-align: center;
	}
	.top2 .menu .menu-btns4{
		width: 105px;
	}
	.top2 .menu .menu-btns5{
		width: 90px;
	}
	/*.top2 .menu .menu-btns3{
		width: 90px;
	}
	.top2 .menu .menu-btns6{
		width: 85px;
	}*/
	/*.top2 .menu .menu-btns7{
		width: 95px;
	}*/
	#Home{
		width: 100%; overflow: hidden;
		position: absolute; top: 0; left: 0;
	}
	#Home .swiper-container{
		width: 100%;
	}
	#Home .swiper-container img{
		/*width: 100%;*/
	}
	/*#Home .swiper-pagination{
		top: 250px; right: 40px;
	}*/
	#Home .swiper-pagination .swiper-pagination-bullet{
		width: 30px; height: 30px; opacity: 1;
		background: url("../img/home/dot.png") no-repeat;
	}
	#Home .swiper-pagination .swiper-pagination-bullet-active{
		width: 30px; height: 30px;
		background: url("../img/home/dot_act.png") no-repeat;
	}
	#Home .bg_gray{
		width: 100%;
		background-color: #033492;
	}
	#Home .menu1{
		width: 1000px; height: 50px; line-height: 50px;
		margin: 0 auto;
		background-color: #033492;
		/* padding: 0 360px;*/
	}
	#index_news {margin-left: 12px;}
	#index_news .tit {font-size:13px;width:105px;height:50px;line-height:50px;position:absolute;}
	#index_news ul {position:absolute;margin-left:110px;}
	#index_news ul li {font-size:13px;height:50px;line-height:50px;}

	#Home .menu1 span{
		font-size: 14px; color: #333;
		margin-left: 100px;
	}
	#Home .menu1 .searchForm{
		margin-right: 22px;
	}
	#Home .bottom_menu{
		width: 1000px; margin:25px auto; position: relative;
	}
	#Home .menu2{
		width: 700px;
		margin-left: 12px;
	}

	#Home .bottom_menu .video{
		position: absolute; top: 0px; right: 12px;
	}
	#Home .bottom_menu .play{
		position: absolute; top: 0px; right: 12px;
	}

	#Home .footer .con{
		width: 1000px;
	}
	#Home .footer p{
		position: absolute; top: 0; right: 32px; color: #fff;
	}
}
/*@media only screen and (max-width: 1020px){*/
	/*.video_bg{*/
		/*width: 100%; height: 512px;*/
	/*}*/
/*}*/


@media only screen and (min-width: 480px) and (max-width: 639px){

	.top{
		position: absolute; top: 0; left: 0; z-index: 999;
	}
	.top2{
		position: absolute; top: 76px; left: 0;
	}
}

@media only screen and (max-width: 360px){


}

@media only screen and (max-width: 479px){

	.top{
		position: absolute; top: 0; left: 0; z-index: 999;
	}
	.top2{
		position: absolute; top: 76px; left: 0;
	}
}